<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>北大青鸟课程导航</title>
		<style>
			h3,ul,li{
				margin:0px;
				padding: 0px;
			}
            .a li{
             	border-top: 1px cornflowerblue solid;
                list-style: none;
                line-height: 30px;
                background:url(img/submenu.gif) no-repeat 44px center;
                
             }
			.a{
				width:204px;
				border:1px cornflowerblue solid;
				text-indent:14px;
				padding:8px 6px;
				background-color:#f5f9fc ;
				
			}
			.a a:link{
				text-decoration:none;				
				color: black;
				font-size: 16px;
				font-weight: 400;
			}
			.a a:hover{
				color: royalblue;
			}
			.a h3{
				height: 14px;
				line-height: 14px;
			 	border: red 0px solid;
				margin:4px;
				padding: 4px;
				text-indent:1.2em;
				font-size: 14px;
				color:#2d457b;
				background:url(img/title_icon.gif) no-repeat 0 center;
			}
			
		</style>
	</head>
	<body>
		<div class="a">
			<h3>课程导航</h3>
			<ul>
				<li><a href="#">ACCP 软件工程师</a></li>
				<li><a href="#">BTEST 软件测试工程师</a></li>
				<li><a href="#">BENET 网络工程师</a></li>
				<li><a href="#">JBNS 网站工程师</a></li>
				<li><a href="#">ACCP 启蒙星</a></li>
				<li><a href="#">ANDROID 软件工程师</a></li>
				<li><a href="#">JAVA 软件工程师</a></li>
				<li><a href="#">.NET 软件工程师</a></li>
				<li><a href="#">网络营销</a></li>
			</ul>				
		</div>
	</body>
</html>
